/**
 * jquery.selbank.js
 * 移动端银行联动
 * author: HXTX
 * date: 2017-02-24
**/

/*定义数据*/
var province = ["广东省","湖北省"];
var city = [
				["广州市", "深圳市", "珠海市"],
				["武汉市", "黄石市", "十堰市"]
			];
var headbank = [
					[
						["中国工商银行","中国银行","中国建设银行"],
						["中国工商银行","中国银行","中国招商银行"],
						["中国工商银行"]
					],
					[
						["中国工商银行","中国银行","中国建设银行"],
						["中国工商银行","中国招商银行"],
						["中国工商银行"]
					]
				];
var branchbank = [
					[
						[
							["广州市工商银行第一支行","广州市工商银行第二支行","广州市工商银行第三支行"],
							["广州市中国银行第一支行","广州市中国银行第二支行","广州市中国银行第三支行"],
							["广州市建设银行第一支行","广州市建设银行第二支行","广州市建设银行第三支行"],
						],
						[
							["深圳市工商银行第一支行","深圳市工商银行第二支行","深圳市工商银行第三支行"],
							["深圳市中国银行第一支行","深圳市中国银行第二支行","深圳市中国银行第三支行"],
							["深圳市招商银行第一支行","深圳市招商银行第二支行","深圳市招商银行第三支行"],
						],
						[
							["珠海市工商银行第一支行","珠海市工商银行第二支行","珠海市工商银行第三支行"]
						],
					],
					[
						[
							["武汉市工商银行第一支行","武汉市工商银行第二支行","武汉市工商银行第三支行"],
							["武汉市中国银行第一支行","武汉市中国银行第二支行","武汉市中国银行第三支行"],
							["武汉市建设银行第一支行","武汉市建设银行第二支行","武汉市建设银行第三支行"],
						],
						[
							["黄石市工商银行第一支行","黄石市工商银行第二支行","黄石市工商银行第三支行"],
							["黄石市招商银行第一支行","黄石市招商银行第二支行","黄石市招商银行第三支行"],
						],
						[
							["十堰市工商银行第一支行","十堰市工商银行第二支行","十堰市工商银行第三支行"]
						],
					]
				];
var selhb=$("#selhb"),selbb=$("#selbb"),selbp=$("#selbp"),selbc=$("#selbc");
var p1 = 0;
/*总行数据*/
var bank = [];
function bankdata(){
	for(var x=0;x<headbank.length;x++){
		for(var y=0;y<headbank[x].length;y++){
			for(var z=0;z<headbank[x][y].length;z++){
				var ba = headbank[x][y][z];
				if(bank.length<1){
					bank.push(headbank[x][y][0]);
				}
				var bol = true;
				for(var b=0;b<bank.length;b++){
					var bb = bank[b];
					if(bb == ba){
						bol = false;
					}
				}
				if(bol){
					bank[bank.length]=ba;
				}
			}
		}
	}
}
/*初始化开户行数据*/
function selhbdata(){
	opthb = '<option value="">请选择开户银行</option>';
	for(var i=0;i<bank.length;i++){
		opthb += '<option value="'+bank[i]+'">'+bank[i]+'</option>';
	}
	selhb.html(opthb);
}
/*初始化省份*/
function selbpdata(){
	optbp = '<option value="">请选择省</option>';
	for (var i=0; i<province.length; i++) {
		optbp += '<option value="'+i+'">'+province[i]+'</option>';
	}
	selbp.html(optbp);
}
/*选择市*/	
function selbcdata(p){
	p1 = p;
	optbc = '<option value="">请选择市</option>';
	for (var i=0; i<city[p].length; i++) {
		optbc += '<option value="'+i+'">'+city[p][i]+'</option>';
	}
	selbc.html(optbc);
}
/*选择支行*/
function selbbdata(p,c){
	optbb = '<option value="">请选择开户支行</option>';
	for(var i=0;i<headbank[p][c].length;i++){
		if(headbank[p][c][i]==selhb.val()){
			for(var j=0;j<branchbank[p][c][i].length;j++){
				optbb += '<option value="'+i+'">'+branchbank[p][c][i][j]+'</option>';
			}
			selbb.html(optbb);
		}
	}
}
$(function(){
	bankdata();
	selhbdata();
	selbpdata();
	selhb.change(function(){
		selbb.html('<option value="">请选择开户支行</option>');
		var p = selbp.val();
		var c = selbc.val();
		if(p!="" && c!=""){
			selbbdata(p,c);
		}
	});
	selbp.change(function(){
		selbb.html('<option value="">请选择开户支行</option>');
		selbcdata(selbp.val());
		selbc.val("");
		selbb.val("");
	});
	selbc.change(function(){
		selbbdata(p1,selbc.val());
		selbb.val("");
	});
});


				
				
